<template>
  <view :v-show="Show">
    <view class="findwork">
      <search />
      <view class="selectedimg">
        <image
          src="../../static/img/组件 221 – 1.png"
          @click="ShowSelect()"
        ></image
      ></view>
      <detailList :listData="listData" />
    </view>
    <!-- <detailSelect :v-show="this.isShow" /> -->
  </view>
</template>


<script>
import searchList from "../../components/searchList/searchList.vue";
import search from "../../components/search/search.vue";
import detailList from "../../components/list/detailList.vue";
import detailSelect from "../../components/select/detailSelect.vue";
import { getList } from "../../request/api";
export default {
  components: {
    searchList,
    search,
    detailList,
    detailSelect,
  },
  mounted() {
    const res = getList().then((res) => {
      console.log(res);
      this.listData = res.data.rows;
      console.log(this.listData);
    });
  },
  data() {
    return { listData: [], isShow: false ,
    Show:true};
  },
  methods: {
    ShowSelect() {
      this.isShow = !this.isShow;
      this.Show = !this.Show
    },
  },
};
</script>

<style>
.findwork {
  width: 100%;
  background-color: rgb(199, 228, 247);
}
.selectedimg {
  height: 25px;
  display: flex;
  justify-content: flex-end;
}
image {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
</style>